//隐藏地图logo
:deep(.amap-logo){
  opacity: 0;
 }
 :deep(.amap-copyright){
   opacity: 0;
 }
 .government {
   width: 100%;
   height: 100%;
   position: relative;
   background-color: rgba(5, 43, 81, 1);
   overflow-y: hidden;
 }
 #governmentMap {
   width: 100vw;
   height: 100vh;
 }
 .governmentMask {
   width: 100%;
   height: 100%;
   background: url("/img/mask1.png") no-repeat;
   background-size: 100% 100%;
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
 }
 .government-left {
   width: 14%;
   // height: 50%;
   position: absolute;
   top: 11%;
   left: 2%;
   // border: 1px solid yellow;
   z-index: 10;
 }
 .government-visualangle {
   position: absolute;
   width: 247px;
   // height: 58px;
   height: 89px;
   left: 2%;
   bottom: 4%;
   background: url("/img/gover_bot.png") no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
   .visualangle-span {
     margin-left: 40%;
     font-size: 20px;
     font-family: HYDaSongJ;
     line-height: 64px;
     background: linear-gradient(-16deg, #05eaff 0%, #c2fffd 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 }
 
 // 图层控制
 .layerControl {
   width: 120px;
   position: absolute;
   right: 30%;
   bottom: calc(4% - 1px);
   cursor: pointer;
   .popover {
     width: 84%;
     margin: auto auto 5px;
     padding: 8%;
     background: linear-gradient(180deg, #0C5D96, #132E40);
     border-radius: 4px;
     border: 1px solid #83c1f7;
 
     .popver-mid {
       width: 100%;
       height: 24px;
       margin: 2px 0;
       display: flex;
       align-items: center;
       .icono {
         width: 32px;
         height: 20px;
         border-radius: 3px;
         .icono-img {
           width: 100%;
           height: 100%;
           margin-bottom: 3px;
         }
       }
 
       :deep(.el-checkbox__inner) {
         background-color: transparent;
         border-color: #83c1f7;
       }
       :deep(.el-checkbox__inner::after) {
         content: "";
         width: 5px;
         height: 5px;
         border-radius: 2px;
         background: transparent;
         position: absolute;
         top: 50%;
         left: 50%;
         box-sizing: content-box;
         transition: transform 0.15s ease-in 0.05s;
         transform-origin: center;
       }
       :deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {
         transform: translate(-50%, -50%);
         background-color: #fff;
       }
       :deep(.el-checkbox__input.is-checked .el-checkbox__inner),
       :deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner) {
         background-color: transparent;
         border-color:#83c1f7;
       }
 
       .yayuhn {
         padding-left: 5px;
         padding-right: 5px;
         width: 100%;
         font-size: 12px;
         font-weight: 400;
         color: white;
         line-height: 24px;
       }
     }
   }
   .tuceng {
     width: 120px;
     height: 35px;
     height: 35px;
     border: 1px solid #83c1f7;
  
     background: rgba(0, 69, 141, 0.3);
     border-radius: 4px;
     display: flex;
     justify-content: center;
     align-items: center;
     .iconpicc {
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: center;
       align-content: center;
     }
     .iconpicc-img {
       width: 16px;
       height: 16px;
     }
     .popcontril {
       margin-left: 10px;
       font-size: 12px;
       font-weight: 400;
       color: white;
     }
   }
 }
 // 遮罩
 .mask {
   width: 100vw;
   height: 100vh;
   background-color: rgba(12, 37, 63, 0.8);
   position: absolute;
   top: 0;
   left: 0;
   backdrop-filter: blur(2px);
   z-index: 20;
 }
 // 弹窗
 .popup {
   width: 48vw;
   height: 48.8vh;
   position: absolute;
   background-color: rgba(12, 37, 63, 1);
   top: 47%;
   left: 50%;
   transform: translate(-50%, -50%);
   border: 1px solid #2865ac;
   box-shadow: 0px 0px 20px 9px #113d6994;
   z-index:22;
 }
 @keyframes bounce_move_1 {
   0% {
     opacity: 0;
     // transform: translateY(-440px);
     transform: translate(-50%, -50%);
   }
 
   25% {
     opacity: 1;
     // transform: translateY(0);
     transform: translate(-50%, -52%);
   }
 
   50% {
     // transform: translateY(-10px);
     transform: translate(-50%, -50%);
   }
 
   75% {
     // transform: translateY(-2px);
     transform: translate(-50%, -52%);
   }
 
   100% {
     // transform: translateY(0);
     transform: translate(-50%, -50%);
   }
 }
 
 .statistics {
   width: 49.5vw;
   height: 76vh;
   // animation: bounce_move_1 1s ease-out;
 }
 .animation{
   animation: bounce_move_1 1s ease-out;
 }
 .disposalBox {
   width: 55vw;
   height: 41vh;
   top: 50%;
   left: 50.5%;
   border-radius: 4px;
   // animation: bounce_move_1 1s ease-out;
 }
 .basicInf {
   width: 41.7vw;
   height: 69.1vh;
   background-color: transparent;
   border: 1px solid transparent;
   box-shadow: 0px 0px 0px 0px transparent;
   // animation: bounce_move_1 1s ease-out;
 }
 .modeification {
   width: 47.8vw;
   height: 33vh;
   // animation: bounce_move_1 1s ease-out;
 }
 // 无人机详情弹窗
 .detail-box {
   // width: 20vw;
   // height: 50vh;
   // background-color: rgb(12, 37, 63);
   // border-radius: 5px;
   // position: absolute;
   // bottom: -16%;
   // // top: 34.1%;
   // right: 10%;
   // transform: translate(-50%, -50%);
   // border: 1px solid #05eaff;
 }
 
 // 设备信息弹窗
 // .equipment-box {
 //   width: 20vw;
 //   height: 40vh;
 //   background-color: rgb(12, 37, 63);
 //   border-radius: 5px;
 //   position: absolute;
 //   top: 75%;
 //   right: 55%;
 //   transform: translate(-50%, -50%);
 //   border: 1px solid #05eaff;
 //   z-index: 22;
 // }
 // 短信人员下发
 .dingdingBox {
   width: 100%;
   height: 100%;
   background-color: rgba(12, 37, 63, 0.3);
   backdrop-filter: blur(2px);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   .dingding-box {
     width: 20vw;
     height: 18vh;
     background-color: rgb(12, 37, 63);
     border-radius: 5px;
     border: 1px solid #05eaff;
     position: absolute;
     top: 69%;
     left: 61.8%;
     transform: translate(-50%, -50%);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     justify-content: space-around;
     .close {
       width: 24px;
       height: 24px;
       background: url("/img/icon-close.png") no-repeat center;
       background-size: 100% 100%;
       position: absolute;
       top: 15%;
       right: 2%;
       transform: translate(-50%, -50%);
     }
     .form-box {
       width: 100%;
       :deep(.el-form-item) {
         margin-bottom: 0px;
         .el-form-item__label {
           color: #fff;
         }
       }
       .ipt {
         width: 90%;
         :deep(.el-input__inner) {
           height: 35px;
         }
       }
       :deep(.el-input.is-disabled .el-input__inner) {
         background-color: #0c253f;
         border-color: #05eaff;
         color: #fff;
         cursor: not-allowed;
       }
     }
     .dialog-footer {
       width: 95%;
       margin: 0 auto;
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
       align-items: center;
       justify-content: flex-start;
       .btn {
         width: 52px;
         height: 22px;
         text-align: center;
         color: #fff;
         font-size: 12px;
         font-weight: 400;
         line-height: 22px;
         font-family: Microsoft YaHei;
         border-radius: 4px;
         margin-right: 5%;
         background: #0975b9;
         cursor: pointer;
       }
       .cancel {
         background: #fff;
         color: #000000;
       }
     }
   }
 }
 
 // 右侧容器 展开
 .government-right-an {
   animation: an 0.5s linear;
 }
 // 右侧容器 收回
 .government-right-shrinkage {
   animation: an 0.5s linear;
   animation-direction: reverse;
 }
 
 @keyframes an {
   0% {
     width: 25%;
   }
   100% {
     width: 50%;
   }
 }
 
 // 图层控制 右移
 .layerControl-toRight {
   animation: toRight 0.5s linear;
 }
 // 图层控制 右移 收回
 .layerControl-toRight-shrinkage {
   animation: toRight 0.5s linear;
   animation-direction: reverse;
 }
 
 // 无人机详情 右移
 .detail-toRight {
   animation: detailToLeft 0.5s linear;
 }
 // 图层控制 右移 收回
 .detail-toRight-shrinkage {
   animation: detailToLeft 0.5s linear;
   animation-direction: reverse;
 }
 
 @keyframes toRight {
 
   0% {
     right: 28%;
   }
   100% {
     right: 53%;
   }
 }
 
 @keyframes detailToLeft {
   0% {
     right: 18%;
   }
   100% {
     right: 43%;
   }
 }
 .history {
     width: 98%;
     position: absolute;
     top: 9%;
     //bottom:4%;
     background-color: rgba(12, 37, 63,0.9);
     z-index: 44;
     left: 1%;
 }
 .historyborder {
   border: 1px solid #06a5bd;
 }
 .history-animation {
   animation: toBottom 0.5s linear;
   border: 1px solid #06a5bd;
 }
 .history-animation-f {
   animation: toBottom 0.5s linear;
   animation-direction: reverse;
 }
 
 @keyframes toBottom {
   0% {
     height: 0;
   }
   25% {
     height: 20%;
   }
   50% {
     height: 40%;
   }
   75% {
     height: 60%;
   }
   100% {
     height: 80%;
   }
 }
 
 